import React from 'react'
import './Dd.css'
export default function Dd() {
    let obj1 = JSON.parse(localStorage.getItem('obj'))
    console.log(obj1);
    
  return (
    <div className='box'>
         <div className="top">
                <h2>等待接单</h2>
            </div>
            <div className="center">
                <div className="box1">
                    <div className="box2"></div> <h2>门店详情</h2>
                </div>
                <div className="left">
                    <img src="1.png" alt="" style={{ width: "100%", height: "100%" }} />
                </div>
                <h3>来福士广场店</h3>
                <span style={{ float: "right", fontSize: '12px' }}>距您 1.2km</span>
                <p style={{ marginTop: '20px' }}>上海未来广场</p>
            </div>
            <div className="bottom">
                <div className="box1">
                    <div className="box2"></div> <h2>订单详情</h2>
                </div>
                <div className="box3">
                    <h2>详细地址：</h2>
                    <span>{obj1.address}</span><br />
                   
                  <h2> 联系人：</h2> 
                    <span>{obj1.name}</span> <br />
                   
                    
                   <h2>联系电话：</h2> 
                   <span>{obj1.phone}</span> <br />
                    <h2>回收内容：</h2> 
                   <span>{obj1.content}</span>   <br />
                   <h2>备注：</h2> 
                   <span>{obj1.beizhu}</span>
                </div>
            </div>
            <div className="box4">
                <div className="box5">
                    <img src="2.png" alt="" style={{marginTop: '28px'}} />
                </div>
                <div className="box6" onClick={()=>{
                  
                    navigate('/dd')
                }
                }>
                    <h1 style={{color:"white"}}>取消订单</h1>
                </div>
            </div>
    </div>
  )
}
